<!DOCTYPE html>
<html lang="en">
<head th:include="certificateWeb/headFoot :: headerCss">
</head>
<link rel="stylesheet" href="/css/certificateWeb/workNews/workNews.css">
<body id="body">
<div th:include="certificateWeb/headFoot :: header"></div>
<style type="text/css">
    .btn-1{
        color: white;background-color: #005C34;width:80px; height: 38px;margin-left:20px;
    }

</style>
<main id="main">
    <section class="sec_1">
        <div class="div_1">
            <ul>
                <li><a href="/certificate/standardInfo">证书简介</a></li>
                <li><a href="/certificate/certificateInfo">标准信息</a></li>
                <li class="this"><a href="/certificate/gradeAnalyze">成绩分析</a></li>
            </ul>
        </div>
        <div class="div_2">
            <label class="label_title">成绩分析</label>
            <hr/>
            <div class="flex_a">
                <div>
                    <select name="eBatchId" id="eBatchId" class="form-control">
                    </select>
                </div>
                <div>
                    <input type="submit" id="sub" value="分析" class="btn-1 form-control" />
                </div>
            </div>
            <!--<div class="div_5">
                <div id="news" style="margin: 80px auto 100px 280px"></div>
            </div>-->
            <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-content">
                                <div style="height:600px;margin-top: 40px" id="echarts-map-chart"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div style="clear: both"></div>
    </section>

</main>
<div th:include="certificateWeb/headFoot :: footer"></div>
<!-- ECharts -->
<script src="/js/plugins/echarts/echarts-all.js"></script>
<!-- ECharts demo data -->
<!--<script src="/js/demo/echarts-demo.js"></script>-->

<script>
    function ecahrtMap(data){
        var mapChart = echarts.init(document.getElementById("echarts-map-chart"));
        var mapoption = {
            title : {
                text: '全国地区成绩分析',
                x:'center'
            },
            tooltip : {
                trigger: 'item'
            },
            legend: {
                orient: 'vertical',
                x:'left',
                data:['最高分','平均分','通过率(%)'],
                selectedMode:'single',
                selected: {
                    '平均分': false,
                    '通过率(%)': false
                }
                },
            dataRange: {
                min: 0,
                max: 100,
                x: 'left',
                y: 'bottom',
                text:['高','低'],           // 文本，默认为数值文本
                calculable : true
            },
            toolbox: {
                show: true,
                orient : 'vertical',
                x: 'right',
                y: 'center',
                feature : {
                    mark : {show: true},
                    dataView : {show: true, readOnly: false},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
            roamController: {
                show: true,
                x: 'right',
                mapTypeControl: {
                    'china': true
                }
            },
            series : [
                {
                    name: '最高分',
                    type: 'map',
                    mapType: 'china',
                    roam: false,
                    itemStyle:{
                        normal:{label:{show:true}},
                        emphasis:{label:{show:true}}
                    },
                    data:[
                        {name: '北京市',value: data[0].max},
                        {name: '天津市',value: data[1].max},
                        {name: '上海市',value: data[2].max},
                        {name: '重庆市',value: data[3].max},
                        {name: '河北省',value: data[4].max},
                        {name: '河南省',value: data[5].max},
                        {name: '云南省',value: data[6].max},
                        {name: '辽宁省',value: data[7].max},
                        {name: '黑龙江省',value: data[8].max},
                        {name: '湖南省',value: data[9].max},
                        {name: '安徽省',value: data[10].max},
                        {name: '山东省',value: data[11].max},
                        {name: '新疆维吾尔自治区',value: data[12].max},
                        {name: '江苏省',value: data[13].max},
                        {name: '浙江省',value: data[14].max},
                        {name: '江西省',value: data[15].max},
                        {name: '湖北省',value: data[16].max},
                        {name: '广西壮族自治区',value: data[17].max},
                        {name: '甘肃省',value: data[18].max},
                        {name: '山西省',value: data[19].max},
                        {name: '内蒙古自治区',value: data[20].max},
                        {name: '陕西省',value: data[21].max},
                        {name: '吉林省',value: data[22].max},
                        {name: '福建省',value: data[23].max},
                        {name: '贵州省',value: data[24].max},
                        {name: '广东省',value: data[25].max},
                        {name: '青海省',value: data[26].max},
                        {name: '西藏自治区',value: data[27].max},
                        {name: '四川省',value: data[28].max},
                        {name: '宁夏回族自治区',value: data[29].max},
                        {name: '海南省',value: data[30].max},
                        {name: '台湾省',value: data[31].max},
                        {name: '香港特别行政区',value: data[32].max},
                        {name: '澳门特别行政区',value: data[33].max}
                    ]
                },
                {
                    name: '平均分',
                    type: 'map',
                    mapType: 'china',
                    roam: false,
                    itemStyle:{
                        normal:{label:{show:true}},
                        emphasis:{label:{show:true}}
                    },
                    data:[
                        {name: '北京市',value: data[0].avg},
                        {name: '天津市',value: data[1].avg},
                        {name: '上海市',value: data[2].avg},
                        {name: '重庆市',value: data[3].avg},
                        {name: '河北省',value: data[4].avg},
                        {name: '河南省',value: data[5].avg},
                        {name: '云南省',value: data[6].avg},
                        {name: '辽宁省',value: data[7].avg},
                        {name: '黑龙江省',value: data[8].avg},
                        {name: '湖南省',value: data[9].avg},
                        {name: '安徽省',value: data[10].avg},
                        {name: '山东省',value: data[11].avg},
                        {name: '新疆维吾尔自治区',value: data[12].avg},
                        {name: '江苏省',value: data[13].avg},
                        {name: '浙江省',value: data[14].avg},
                        {name: '江西省',value: data[15].avg},
                        {name: '湖北省',value: data[16].avg},
                        {name: '广西壮族自治区',value: data[17].avg},
                        {name: '甘肃省',value: data[18].avg},
                        {name: '山西省',value: data[19].avg},
                        {name: '内蒙古自治区',value: data[20].avg},
                        {name: '陕西省',value: data[21].avg},
                        {name: '吉林省',value: data[22].avg},
                        {name: '福建省',value: data[23].avg},
                        {name: '贵州省',value: data[24].avg},
                        {name: '广东省',value: data[25].avg},
                        {name: '青海省',value: data[26].avg},
                        {name: '西藏自治区',value: data[27].avg},
                        {name: '四川省',value: data[28].avg},
                        {name: '宁夏回族自治区',value: data[29].avg},
                        {name: '海南省',value: data[30].avg},
                        {name: '台湾省',value: data[31].avg},
                        {name: '香港特别行政区',value: data[32].avg},
                        {name: '澳门特别行政区',value: data[33].avg}
                    ]
                },
                {
                    name: '通过率(%)',
                    type: 'map',
                    mapType: 'china',
                    itemStyle:{
                        normal:{label:{show:true}},
                        emphasis:{label:{show:true}}
                    },
                    data:[
                        {name: '北京市',value: data[0].ps},
                        {name: '天津市',value: data[1].ps},
                        {name: '上海市',value: data[2].ps},
                        {name: '重庆市',value: data[3].ps},
                        {name: '河北省',value: data[4].ps},
                        {name: '河南省',value: data[5].ps},
                        {name: '云南省',value: data[6].ps},
                        {name: '辽宁省',value: data[7].ps},
                        {name: '黑龙江省',value: data[8].ps},
                        {name: '湖南省',value: data[9].ps},
                        {name: '安徽省',value: data[10].ps},
                        {name: '山东省',value: data[11].ps},
                        {name: '新疆维吾尔自治区',value: data[12].ps},
                        {name: '江苏省',value: data[13].ps},
                        {name: '浙江省',value: data[14].ps},
                        {name: '江西省',value: data[15].ps},
                        {name: '湖北省',value: data[16].ps},
                        {name: '广西壮族自治区',value: data[17].ps},
                        {name: '甘肃省',value: data[18].ps},
                        {name: '山西省',value: data[19].ps},
                        {name: '内蒙古自治区',value: data[20].ps},
                        {name: '陕西省',value: data[21].ps},
                        {name: '吉林省',value: data[22].ps},
                        {name: '福建省',value: data[23].ps},
                        {name: '贵州省',value: data[24].ps},
                        {name: '广东省',value: data[25].ps},
                        {name: '青海省',value: data[26].ps},
                        {name: '西藏自治区',value: data[27].ps},
                        {name: '四川省',value: data[28].ps},
                        {name: '宁夏回族自治区',value: data[29].ps},
                        {name: '海南省',value: data[30].ps},
                        {name: '台湾省',value: data[31].ps},
                        {name: '香港特别行政区',value: data[32].ps},
                        {name: '澳门特别行政区',value: data[33].ps}
                    ]
                }
            ]
        };
        mapChart.setOption(mapoption);
        $(window).resize(mapChart.resize);
    }
    $(function () {
        $.ajax({
            type:'post',
            url:'/certificate/eBatchSel',
            success:function (res) {
                var list = res.data;
                var opt = '<option value="" >请选择</option>';
                for (var i = 0; i < list.length; i++) {
                    opt += '<option value="' + list[i].id + '">' + list[i].name + '</option>'
                }
                $("#eBatchId").html(opt);
            }
        });
        layui.use('layer', function() {
            var layer = layui.layer;
            $("#sub").click(function () {
                if($("#eBatchId").val()==''){
                    layer.msg("请先选择考试");
                    return false
                }
                $.ajax({
                    type:'POST',
                    data:{
                        eBatchId:$("#eBatchId").val()
                    },
                    url:'/certificate/findAnalyze',
                    success:function (r) {
                        console.log("r = " , r)
                        ecahrtMap(r.data);
                    }
                })
            })
        })

    })
</script>
</body>
</html>